<div class="input-mark">
    <div class="arrow"></div>
    <div class="content">
      <form nz-form [formGroup]="formGroup">
        <div nz-row class="form-row">
          <div nz-form-label nz-col [nzSpan]="4">
            <label>经度</label>
          </div>
          <div nz-col [nzSpan]="15" class="input-block" *ngIf="simpleModel">
            <nz-input-number formControlName="lng" [nzMin]="-180" [nzMax]="180" [nzStep]="1" [nzPlaceHolder]="'经度'" style="width: 100%"></nz-input-number>
          </div>
          <div nz-col [nzSpan]="20" *ngIf="!simpleModel">
            <div nz-row formGroupName="lng">
              <div nz-col [nzSpan]="5" class="input-block">
                <nz-select formControlName="direction">
                  <nz-option [nzLabel]="'E'" [nzValue]="'E'"></nz-option>
                  <nz-option [nzLabel]="'W'" [nzValue]="'W'"></nz-option>
                </nz-select>
              </div>
              <div nz-col [nzSpan]="6" class="input-block">
                <nz-input-number formControlName="degrees" [nzMin]="0" [nzMax]="180" [nzStep]="1" [nzPlaceHolder]="'度'" style="width: 100%"></nz-input-number>
              </div>
              <div nz-col [nzSpan]="1" class="input-unit">&deg;</div>
              <div nz-col [nzSpan]="5" class="input-block">
                <nz-input-number formControlName="minutes" [nzMin]="0" [nzMax]="59" [nzStep]="1" [nzPlaceHolder]="'分'" style="width: 100%"></nz-input-number>
              </div>
              <div nz-col [nzSpan]="1" class="input-unit">&prime;</div>
              <div nz-col [nzSpan]="5" class="input-block">
                <nz-input-number formControlName="centiminutes" [nzMin]="0" [nzMax]="59" [nzStep]="1" [nzPlaceHolder]="'秒'" style="width: 100%"></nz-input-number>
              </div>
              <div nz-col [nzSpan]="1" class="input-unit">&Prime;</div>
            </div>
          </div>
        </div>
        <div nz-row class="form-row">
          <div nz-form-label nz-col [nzSpan]="4">
            <label>纬度</label>
          </div>
          <div nz-col [nzSpan]="15" class="input-block" *ngIf="simpleModel">
            <nz-input-number formControlName="lat" [nzMin]="-90" [nzMax]="90" [nzStep]="1" [nzPlaceHolder]="'纬度'" style="width: 100%"></nz-input-number>
          </div>
          <div nz-col [nzSpan]="20" *ngIf="!simpleModel">
            <div nz-row formGroupName="lat">
              <div nz-col [nzSpan]="5" class="input-block">
                <nz-select formControlName="direction">
                  <nz-option [nzLabel]="'N'" [nzValue]="'N'"></nz-option>
                  <nz-option [nzLabel]="'S'" [nzValue]="'S'"></nz-option>
                </nz-select>
              </div>
              <div nz-col [nzSpan]="6" class="input-block">
                <nz-input-number formControlName="degrees" [nzMin]="0" [nzMax]="90" [nzStep]="1" [nzPlaceHolder]="'度'" style="width: 100%"></nz-input-number>
              </div>
              <div nz-col [nzSpan]="1" class="input-unit">&deg;</div>
              <div nz-col [nzSpan]="5" class="input-block">
                <nz-input-number formControlName="minutes" [nzMin]="0" [nzMax]="59" [nzStep]="1" [nzPlaceHolder]="'分'" style="width: 100%"></nz-input-number>
              </div>
              <div nz-col [nzSpan]="1" class="input-unit">&prime;</div>
              <div nz-col [nzSpan]="5" class="input-block">
                <nz-input-number formControlName="centiminutes" [nzMin]="0" [nzMax]="59" [nzStep]="1" [nzPlaceHolder]="'秒'" style="width: 100%"></nz-input-number>
              </div>
              <div nz-col [nzSpan]="1" class="input-unit">&Prime;</div>
            </div>
          </div>
        </div>
        <div nz-row class="form-row form-button-container">
            <div nz-col [nzSpan]="20" [nzOffset]="4">
                <button nz-button [nzType]="'primary'" type="button" [disabled]="!(formGroup.dirty && formGroup.valid)" (click)="onSubmit()">
                  <span>确定</span>
                </button>
                <button nz-button [nzType]="'default'" type="button" (click)="onReset()">
                  <span>重置</span>
                </button>
                <button nz-button [nzType]="'default'" type="button" (click)="onCancel()">
                  <span>取消</span>
                </button>
                <div class="model-switch">
                  <nz-tooltip [nzTitle]="simpleModel ? '切换到度分秒模式' : '切换到经纬度模式'" [nzPlacement]="'top'">
                    <i class="anticon anticon-swap" nz-tooltip (click)="modelSwitch()"></i>
                  </nz-tooltip>
                </div>
            </div>
        </div>
      </form>
    </div>
</div>